<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
最上面
<br>
<a href="#middle" >转至middle</a>
<br>
<a href="/static/images/examle/弥豆子.jpg">点击链接查看图片</a>

<br>
点击图片自动下载
<br>
<a href="/static/images/examle/弥豆子.jpg" download="=download">
    <img src="/static/images/examle/弥豆子.jpg" width="300">
</a>

<!--形成滚动条，设置锚点-->
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<h2 id="middle">锚点</h2>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>


下面



<!--#代表当前页面-->
<a href="#">演示空链接</a>
</body>
</html>